<template>
	<view class="popupbg">
		<view class="popupbg-title">
			欢迎来到钢价通
		</view>
		<view class="popupbg-title2">
			查看价格详情信息
		</view>
		<button class="popupbg-login" open-type="getPhoneNumber" @getphonenumber="getUserPhoneNumber">
			一键登录
		</button>
		<view class="popupbg-close">
			<label class="radio">
				<radio style="transform:scale(0.8)" @click="isSelect=!isSelect" :checked="isSelect" />
			</label>
			<span class="bot_text">登录表示已阅读同意《<span @click="jumpAgreement" class="agreement">用户协议</span>》</span>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isSelect: false
			}
		},
		methods:{
			jumpAgreement(){
				uni.navigateTo({
					url: '../agreement/user'
				});
			},
			getUserPhoneNumber(){
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.popupbg {
		height: 320rpx;
		background-color: #fff;
		border-radius: 40rpx 40rpx 0 0;
		padding: 30rpx;
	
		&-title {
			font-size: 36rpx;
			color: #000;
			font-weight: 600;
			margin: 20rpx 0 10rpx;
		}
	
		&-title2 {
			font-size: 24rpx;
			color: #a7a7a7;
		}
	
		&-login {
			width: 100%;
			height: 100rpx;
			background-color: #cd4541;
			color: #fff;
			text-align: center;
			line-height: 100rpx;
			border-radius: 100rpx;
			font-size: 32rpx;
			margin: 30rpx 0 20rpx;
		}
	
		&-close {
			height: 80rpx;
			line-height: 80rpx;
			text-align: center;
			font-size: 26rpx;
	
			.bot_text {
				color: #7c7c7c;
			}
	
			.agreement {
				color: #cd4541;
			}
		}
	}
</style>